<template>
    <div>
        <van-nav-bar title="我的点赞" left-arrow @click-left="$router.back(-1)">
            <van-icon name="search" slot="right" color="#000" />
        </van-nav-bar>
        <div class="give-like-box">
            <span class="text-align-c font-24">共获得455个赞</span>
            <span class="text-align-c font-24">今天共有188个人赞你了哦</span>
        </div>
        <div class="give-like-img clearfix">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
            <img class="fl border-radius-50" src="../../assets/image/center/timg.jpg" alt="" srcset="">
        </div>
    </div>
</template>
<script>
import apiHttp from '../../api/index'
export default {
    data(){
        return{
            imgs:[]
        }
    },
    mounted(){
        
    },
    methods:{
        imgList(){
            apiHttp.apiIndex
        }
    }
}
</script>

<style scoped>
.give-like-box{
    background: url(../../assets/image/center/img_dz_bj.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 100%;
    height: 10rem;
}
.give-like-box span{
    display: block;
    color: #ffffff;
    line-height: .8rem;
    font-size: .5rem;
}
.give-like-box span:nth-child(1){
    padding-top: 5.6rem;
}
.give-like-img{
    border-top: solid .4rem #f5f5f5; 
    padding: .22rem;
}
.give-like-img img{
    width: 2rem;
    margin-top: .4rem;
    margin-left: .5rem;
}
</style>

